﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<th:block th:include="frontInclude :: frontHeader"/>
<link rel="stylesheet" th:href="@{/css/style2.css?v=v7}" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" th:href="@{/css/auto-scroll.css?v=v7}" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" th:href="@{/css/index-custom.css?v=v7}" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<body class="wel-body">
<header class="headerbox pcbox" th:replace="frontInclude :: header_menu"></header>
<div class="mbox" th:replace="frontInclude :: header_menu_mobile"></div>

<!--    <div th:replace="frontInclude :: footer"></div>-->


<!-- video -->
<div class="video-content">
    <div class="video-fixed">
        <div class="videoboxs">
            <div class="box">
                <video id="video" playsinline="" width="100%" height="100%" controls="" autoplay="" preload="none"
                       src=""></video>
            </div>
            <div class="cha"></div>
        </div>
    </div>
</div>
<!-- video -->

<div class="wel-banner con-swiper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="javascript:;" class="items">
                    <div class="pcbox images"
                         th:style="'background:url('+@{/img/banner7.jpg}+') no-repeat center;background-size: cover;'">
                    </div>
                    <img th:src="@{/img/banner7.jpg}" alt="冬季" class="h5002 mbox">
                    <div class="words">
                        <div class="w1280 text">
                            <div class="titen  secwen ">
                                <!--                                Exhibition Investment Promotion<br>Signing Ceremony Planning<br>展会招商 签约仪式-->
                            </div>
                            <div class="txtcn secwen add1">
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class="swiper-slide">
                <a href="javascript:;" class="items">
                    <div class="pcbox images"
                         th:style="'background:url('+@{/img/banner5.jpg}+') no-repeat center;background-size: cover;'">
                    </div>
                    <img th:src="@{/img/banner5.jpg}" alt="冬季" class="h500 mbox">
                    <div class="words">
                        <div class="w1280 text">
                            <div class="titen  secwen ">
                                Project planning<br>Project Promotion<br>项目策划 项目推介
                            </div>
                            <div class="txtcn secwen add1">
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="javascript:;" class="items">
                    <div class="pcbox images"
                         th:style="'background:url('+@{/img/banner6.jpg}+') no-repeat center;background-size: cover;'">

                    </div>
                    <img th:src="@{/img/banner6.jpg}" alt="冬季" class="h500 mbox">
                    <div class="words">
                        <div class="w1280 text">
                            <div class="titen  secwen ">
                                Attract Investment<br>Industrial development research<br>招商引资 产业发展研究
                            </div>
                            <div class="txtcn secwen add1">
                            </div>
                        </div>
                    </div>
                </a>
            </div>


            <!--<div class="swiper-slide">
                <a href="javascript:;" class="items">
                    <div class="pcbox images"
                         th:style="'background:url('+@{/img/banner7.jpg}+') no-repeat center;background-size: cover;'">
                    </div>
                    <img th:src="@{/img/banner2.jpg}" alt="春" class="h500 mbox">
                    <div class="words">
                        <div class="w1280 text">
                            <div class="titen  secwen ">
                                Scientific and technological research and development, <br>as well as technology
                                transfer<br>科学技术研发及科技转换
                            </div>
                            <div class="txtcn secwen add1">
                            </div>
                        </div>
                    </div>
                </a>
            </div>-->

        </div>
        <div class="buts">
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="scroll-btn ">
        <div class="span secwen">scroll down</div>
        <div class="i secwen"></div>
    </div>
</div>


<!--<div class="wel-profile" style="padding: 80px 0; background: #f8f9fa;">-->
<!--    <div class="z-span secwen">Profile</div>-->
<!--    <div class="s-span"></div>-->
<!--    <div class="w1280" style="display: flex; align-items: stretch; gap: 60px; height: 500px;">-->
<!--        <div class="company-image" style="flex: 1; height: 500px; border-radius: 12px; overflow: hidden;">-->
<!--            <img th:src="${gsjj.articleLogo}" alt="公司简介" style="width: 100%; height: 100%; object-fit: cover;">-->
<!--        </div>-->
<!--        <div class="company-info" style="flex: 1; padding: 40px 0;">-->
<!--            <div class="tit-en secwen" style="font-size: 18px; color: #999; margin-bottom: 10px;">-->
<!--                Company Profile-->
<!--            </div>-->
<!--            <div class="tit-cn secwen" style="font-size: 36px; color: #333; margin-bottom: 30px; font-weight: bold;">-->
<!--                公司简介-->
<!--            </div>-->
<!--            <div class="text secwen" style="color: #666; line-height: 1.8; font-size: 16px; margin-bottom: 40px; max-height: 310px; overflow: hidden; position: relative;">-->
<!--                <p th:utext="${gsjj.articleContent}">黑蝎策划机构成立于2014年，专注于产业发展研究、产业规划，科学技术研发及科技转换、行业分析、项目策划、招商咨询及招商引资活动、投融资服务。长期从事产业导入、项目投资、运营管理到项目签约的全生命周期服务。</p>-->
<!--                <div style="position: absolute; bottom: 0; left: 0; right: 0; height: 28px; background: linear-gradient(transparent, #f8f9fa); pointer-events: none;"></div>-->
<!--            </div>-->
<!--            <div class="secwen">-->
<!--                <a class="wel-more" href="/front/heixie?category=zjhx" style="display: inline-flex; align-items: center; color: #e41e26; text-decoration: none; font-weight: bold; transition: all 0.3s ease;" onmouseover="this.querySelector('span').style.transform='translateX(3px)'" onmouseout="this.querySelector('span').style.transform='translateX(0)'">查看更多 <span style="margin-left: 8px; transition: transform 0.3s ease;">→</span></a>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->

<!--<style>-->
<!--@media (max-width: 768px) {-->
<!--    .wel-profile .w1280 {-->
<!--        flex-direction: column !important;-->
<!--        gap: 30px !important;-->
<!--        height: auto !important;-->
<!--    }-->
<!--    .wel-profile .company-image {-->
<!--        height: 250px !important;-->
<!--        width: 100% !important;-->
<!--        order: 2 !important;-->
<!--    }-->
<!--    .wel-profile .company-info {-->
<!--        padding: 20px 0 !important;-->
<!--        order: 1 !important;-->
<!--        text-align: center !important;-->
<!--    }-->
<!--    .wel-profile .tit-cn {-->
<!--        font-size: 28px !important;-->
<!--    }-->
<!--    .wel-profile .text {-->
<!--        max-height: 150px !important;-->
<!--    }-->
<!--}-->
<!--</style>-->


<!--&lt;!&ndash; 服务领域 &ndash;&gt;-->
<!--<section class="services-section scroll-reveal">-->
<!--    <div class="container services-container">-->
<!--        <div class="services-header">-->
<!--            <div class="section-title" style="text-align: center;">-->
<!--                <h2 style="display: inline-block; position: relative; padding-bottom: 20px;">服务领域-->
<!--                    <span style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background-color: #e41e26;"></span>-->
<!--                </h2>-->
<!--                <p>我们提供全方位的营销策划解决方案，助力企业实现商业价值最大化</p>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="services-carousel">-->
<!--            <div class="swiper-container services-swiper">-->
<!--                <div class="swiper-wrapper-service">-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-database"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>DT数据技术</h4>-->
<!--                                <p>依托招商大数据，建立信息数据库，开发信息化数据应用软件平台，让招商项目更直观、精准、提高项目可行性、科学性，帮助项目落地。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-chart-pie"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>数据采集与行业分析</h4>-->
<!--                                <p>利用各种工具获取海内外数据信息进行分析，借助数据来指导决策。明确解析数据目标、数据收集、数据清理、数据分析、数据报告、执行与反馈。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-handshake"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>精准招商中介服务</h4>-->
<!--                                <p>利用公司独有资源渠道，帮助项目及客商对接，促成项目落地。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-bullhorn"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>项目包装策划宣传</h4>-->
<!--                                <p>通过专业的考察、研究，对内资及外资项目进行一个完整的策划包装。项目完成后运用大数据分析法精准推送到相关企业。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-seedling"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>乡村振兴和产业规划</h4>-->
<!--                                <p>理论分析、实际出发，考虑经济发展态势，对当地乡村振兴产业发展的定位、产业体系、产业结构、产业链、空间布局、经济社会环境影响、实施方案等做出科学规划。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-building"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>园区孵化和运营管理</h4>-->
<!--                                <p>提供专业的园区孵化方案及代运营业务。从设计、建设、企业入驻阶段全程跟踪服务，陪伴园区成长，从初创期到成熟期，提高园区抗风险能力。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="swiper-slide-service">-->
<!--                        <div class="hexagon-item">-->
<!--                            <div class="hexagon-inner">-->
<!--                                <div class="hexagon-icon">-->
<!--                                    <i class="fas fa-film"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="hexagon-content">-->
<!--                                <h4>影视传媒和平面设计</h4>-->
<!--                                <p>根据项目内容进行专业的脚本撰写，素材采集，成片制作；宣传画册设计排版，平面效果图设计、LOGO设计制作等。</p>-->
<!--                                <a href="/front/service?category=dtsj" class="hex-link">了解详情</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="swiper-pagination services-pagination"></div>-->
<!--            <div class="swiper-button-next services-button-next"></div>-->
<!--            <div class="swiper-button-prev services-button-prev"></div>-->
<!--        </div>-->
<!--        <div class="text-center" style="margin-top: 50px;">-->
<!--            <a href="/front/service?category=dtsj" class="btn">查看全部服务</a>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->

<!--&lt;!&ndash; 数据统计 &ndash;&gt;-->
<!--<section class="counter-section scroll-reveal">-->
<!--    <div class="container">-->
<!--        <div class="section-title" style="text-align: center; margin-bottom: 50px;">-->
<!--            <h2 style="color: #fff; display: inline-block; position: relative; padding-bottom: 20px;">-->
<!--                我们的成就-->
<!--                <span style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background-color: #fff;"></span>-->
<!--            </h2>-->
<!--            <p style="color: #fff; opacity: 0.9;">多年来，我们不断突破自我，创造卓越成绩</p>-->
<!--        </div>-->
<!--        <div class="counter-container">-->
<!--            <div class="counter-item">-->
<!--                <i class="fas fa-project-diagram" style="font-size: 2.5rem; color: #fff; margin-bottom: 15px;"></i>-->
<!--                <div class="counter" data-target="500">0</div>-->
<!--                <div class="counter-title">成功案例</div>-->
<!--            </div>-->
<!--            <div class="counter-item">-->
<!--                <i class="fas fa-handshake" style="font-size: 2.5rem; color: #fff; margin-bottom: 15px;"></i>-->
<!--                <div class="counter" data-target="1000">0</div>-->
<!--                <div class="counter-title">合作伙伴</div>-->
<!--            </div>-->
<!--            <div class="counter-item">-->
<!--                <i class="fas fa-map" style="font-size: 2.5rem; color: #fff; margin-bottom: 15px;"></i>-->
<!--                <div class="counter" data-target="15">0</div>-->
<!--                <div class="counter-title">覆盖省份</div>-->
<!--            </div>-->
<!--            <div class="counter-item">-->
<!--                <i class="fas fa-city" style="font-size: 2.5rem; color: #fff; margin-bottom: 15px;"></i>-->
<!--                <div class="counter" data-target="120">0</div>-->
<!--                <div class="counter-title">服务城市</div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->


<!--&lt;!&ndash;&lt;!&ndash; 案例展示 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;<section class="portfolio-section scroll-reveal">&ndash;&gt;-->
<!--&lt;!&ndash;    <div class="container">&ndash;&gt;-->
<!--&lt;!&ndash;        <div class="portfolio-header">&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="section-title" style="text-align: center;">&ndash;&gt;-->
<!--&lt;!&ndash;                <h2 style="display: inline-block; position: relative; padding-bottom: 20px;">成功案例&ndash;&gt;-->
<!--&lt;!&ndash;                    <span style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background-color: #e41e26;"></span>&ndash;&gt;-->
<!--&lt;!&ndash;                </h2>&ndash;&gt;-->
<!--&lt;!&ndash;                <p>我们的专业服务已经帮助众多企业实现了商业价值的提升</p>&ndash;&gt;-->
<!--&lt;!&ndash;            </div>&ndash;&gt;-->
<!--&lt;!&ndash;        </div>&ndash;&gt;-->
<!--&lt;!&ndash;        <div class="portfolio-showcase">&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="portfolio-main"  >&ndash;&gt;-->
<!--&lt;!&ndash;                <div class="portfolio-featured" th:if="${status.index==0}" th:data-id="${item.id}" th:each="item,status : ${achievements}">&ndash;&gt;-->
<!--&lt;!&ndash;                    <img th:src="${item.articleLogo}" alt="数据平台案例">&ndash;&gt;-->
<!--&lt;!&ndash;                    <div class="portfolio-featured-content">&ndash;&gt;-->
<!--&lt;!&ndash;                        <span class="portfolio-tag" th:text="${item.extendField}">数据技术</span>&ndash;&gt;-->
<!--&lt;!&ndash;                        <h3 th:text="${item.articleTitle}">招商数据平台开发</h3>&ndash;&gt;-->
<!--&lt;!&ndash;                        <p th:text="${item.articleDescribe}">通过大数据分析技术，为客户打造了全方位的招商数据平台，实现精准招商和高效管理。</p>&ndash;&gt;-->
<!--&lt;!&ndash;                        <a href="/front/achievement" class="btn-outline-white">查看详情</a>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;            </div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="portfolio-side">&ndash;&gt;-->
<!--&lt;!&ndash;                <div class="portfolio-side-item" th:if="${status.index>0}" th:data-id="${item.id}" th:each="item,status : ${achievements}">&ndash;&gt;-->
<!--&lt;!&ndash;                    <img th:src="${item.articleLogo}" alt="营销策划案例">&ndash;&gt;-->
<!--&lt;!&ndash;                    <div class="portfolio-side-content">&ndash;&gt;-->
<!--&lt;!&ndash;                        <h4 th:text="${item.articleTitle}">全球品牌营销策划</h4>&ndash;&gt;-->
<!--&lt;!&ndash;                        <a href="/front/achievement">了解更多 <i class="fas fa-long-arrow-alt-right"></i></a>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;            </div>&ndash;&gt;-->
<!--&lt;!&ndash;        </div>&ndash;&gt;-->
<!--&lt;!&ndash;        <div class="text-center" style="margin-top: 50px;">&ndash;&gt;-->
<!--&lt;!&ndash;            <a href="/front/achievement" class="btn">查看更多案例</a>&ndash;&gt;-->
<!--&lt;!&ndash;        </div>&ndash;&gt;-->
<!--&lt;!&ndash;    </div>&ndash;&gt;-->
<!--&lt;!&ndash;</section>&ndash;&gt;-->

<!--&lt;!&ndash; 新闻动态 &ndash;&gt;-->
<!--<section class="news-section scroll-reveal">-->
<!--    <div class="container">-->
<!--        <div class="section-title" style="text-align: left;">-->
<!--            <h2 style="display: inline-block; position: relative; padding-bottom: 20px;">企业动态-->
<!--                <span style="position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background-color: #e41e26;"></span>-->
<!--            </h2>-->
<!--            <p>了解黑蝎最新资讯与行业洞察</p>-->
<!--        </div>-->
<!--        <div class="news-timeline">-->
<!--            <div class="timeline-line"></div>-->
<!--            <div class="news-timeline-item" th:data-id="${item.id}" th:each="item : ${dynamics}" >-->
<!--                <div class="timeline-date">-->
<!--                    <span class="date-day" th:text="${#dates.day(item.createTime)}">15</span>-->
<!--                    <span class="date-month" th:text="${#dates.month(item.createTime)} +'月'">10月</span>-->
<!--                    <span class="date-year" th:text="${#dates.year(item.createTime)} +'年'">2023</span>-->
<!--                </div>-->
<!--                <div class="timeline-content">-->
<!--                    <div class="timeline-image">-->
<!--                        <img th:src="${item.articleLogo}" alt="黑蝎营销策划公司荣获行业创新奖">-->
<!--                    </div>-->
<!--                    <div class="timeline-text">-->
<!--                        <h3 th:text="${item.articleTitle}">黑蝎营销策划公司荣获行业创新奖</h3>-->
<!--                        <p th:text="${item.articleDescribe}">近日，黑蝎营销策划有限公司凭借在数据技术领域的创新应用，荣获2023年度行业创新奖...</p>-->
<!--                        <a  th:href="${'/front/articleView/'+item.id}"  class="timeline-link">-->
<!--                            <span>阅读全文</span>-->
<!--                            <svg width="16" height="16" viewBox="0 0 16 16">-->
<!--                                <path d="M8,0L6.5,1.5L12.5,7.5H0v2h12.5l-6,6L8,17l8-8L8,0z"></path>-->
<!--                            </svg>-->
<!--                        </a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="text-center" style="margin-top: 50px;">-->
<!--            <a href="/front/dynamics?category=hxdt" class="btn">查看更多动态</a>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->

<!--&lt;!&ndash; 合作伙伴 &ndash;&gt;-->
<!--<section class="partners-section scroll-reveal">-->
<!--    <div class="container">-->
<!--        <div class="section-title" style="text-align: center;">-->
<!--            <h2 style="display: inline-block; position: relative; padding-bottom: 20px;">合作伙伴-->
<!--                <span style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background-color: #e41e26;"></span>-->
<!--            </h2>-->
<!--            <p>与行业领先企业携手共进</p>-->
<!--        </div>-->
<!--        <div class="partners-grid">-->
<!--            <div class="partner-card">-->
<!--                <div class="partner-name">云南省科技厅</div>-->
<!--                <div class="partner-description">省级部门</div>-->
<!--            </div>-->
<!--            <div class="partner-card">-->
<!--                <div class="partner-name">云南省商务厅</div>-->
<!--                <div class="partner-description">省级部门</div>-->
<!--            </div>-->
<!--            <div class="partner-card">-->
<!--                <div class="partner-name">云南省投资促进局</div>-->
<!--                <div class="partner-description">省级部门</div>-->
<!--            </div>-->

<!--            <div class="partner-card">-->
<!--                <div class="partner-name">中国电建集团核电工程有限公司南方区域公司</div>-->
<!--                <div class="partner-description">战略合作单位</div>-->
<!--            </div>-->
<!--            <div class="partner-card">-->
<!--                <div class="partner-name">西部绿色能源科技(重庆)有限公司</div>-->
<!--                <div class="partner-description">战略合作单位</div>-->
<!--            </div>-->
<!--            <div class="partner-card">-->
<!--                <div class="partner-name">江苏未来城市公共空间开发运营有限公司</div>-->
<!--                <div class="partner-description">战略合作单位</div>-->
<!--            </div>-->
<!--            <div class="partner-card">-->
<!--                <div class="partner-name">奥莱集團（香港）有限公司</div>-->
<!--                <div class="partner-description">战略合作单位</div>-->
<!--            </div>-->

<!--            <div class="partner-card">-->
<!--                <div class="partner-name">中华海峡两岸企业交流协会</div>-->
<!--                <div class="partner-description">授权设点合作单位</div>-->
<!--            </div>-->

<!--        </div>-->
<!--    </div>-->
<!--</section>-->

<!-- 联系我们 -->
<section class="contact-section scroll-reveal">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="contact-info">
                    <div class="section-title">
                        <h2 style="display: inline-block; position: relative; padding-bottom: 20px;">联系我们
                            <span style="position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background-color: #e41e26;"></span>
                        </h2>
                    </div>
                    <p>如果您对我们的服务感兴趣，或者有任何问题，欢迎随时联系我们。</p>
                    <ul class="contact-list">
                        <li><i class="fas fa-map-marker-alt"></i> <p th:text="${company.address}">云南省昆明市</p></li>
                        <li><i class="fas fa-phone"></i> <p>0871-68328800，13108661155</p></li>
                        <li><i class="fas fa-envelope"></i> <p th:text="${company.email}">contact@example.com</p></li>
                    </ul>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="contact-form">
                    <form>
                        <div class="form-group">
                            <input type="text" placeholder="您的姓名" required>
                        </div>
                        <div class="form-group">
                            <input type="email" placeholder="您的邮箱" required>
                        </div>
                        <div class="form-group">
                            <input type="tel" placeholder="您的电话">
                        </div>
                        <div class="form-group">
                            <textarea placeholder="您的留言" rows="5" required></textarea>
                        </div>
                        <button type="submit" class="btn">提交留言</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="drawinginfobox-fixed"></div>

<div th:replace="frontInclude :: footer"></div>
<script th:src="@{/js/index-services-slider.js?v=v7}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/services-carousel.js?v=v7}" type="text/javascript" charset="utf-8"></script>

<!-- 自定义脚本 -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // 初始化动画
        const animateElements = document.querySelectorAll('.animate');
        animateElements.forEach(element => {
            element.classList.add('animated');
        });

        // 滚动显示元素
        const scrollRevealElements = document.querySelectorAll('.scroll-reveal');
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('active');
                }
            });
        }, { threshold: 0.1 });

        scrollRevealElements.forEach(element => {
            observer.observe(element);
        });

        // 数字计数器动画
        const counterSection = document.querySelector('.counter-section');
        const counters = document.querySelectorAll('.counter');
        let counted = false;

        function isInViewport(element) {
            const rect = element.getBoundingClientRect();
            return (
                rect.top <= (window.innerHeight || document.documentElement.clientHeight) &&
                rect.bottom >= 0
            );
        }

        window.addEventListener('scroll', function() {
            if (isInViewport(counterSection) && !counted) {
                counters.forEach(counter => {
                    const target = +counter.getAttribute('data-target');
                    const duration = 2000; // 动画持续时间（毫秒）
                    const step = target / (duration / 16); // 假设60fps，每帧增加的值

                    let current = 0;
                    const updateCounter = () => {
                        if (current < target) {
                            current += step;
                            counter.textContent = Math.floor(current);
                            requestAnimationFrame(updateCounter);
                        } else {
                            counter.textContent = target;
                        }
                    };

                    updateCounter();
                });

                counted = true;
            }
        });

        // 服务领域轮播已移至单独的JS文件

        // 合作伙伴轮播已移至单独的JS文件
    });
</script>
</body>
</html>